<template>
    <div class="reward-dialog-container">
        <el-dialog
            :visible.sync="isShowRewardDialog"
        >
            <p class="tip">感谢您的支持</p>
            <div class="img-box">
                <el-image
                    style="width: 100%;height: 100%;"
                    :src="imgUrl"
                ></el-image>
            </div>
            <p class="tip">扫码打赏</p>
            <div class="radio-box">
                <el-radio-group v-model="paymentMode">
                    <el-radio label="alipay">
                        <el-image
                            style="height: 28px;top: 10px;"
                            src=""
                        ></el-image>
                    </el-radio>
                    <el-radio label="wechatPay">
                        <el-image
                            style="height: 28px;top: 10px;"
                            src=""
                        ></el-image>
                    </el-radio>
                </el-radio-group>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: "RewardDialog",
    props: {},
    components: {},
    data() {
        return {
            isShowRewardDialog: false,
            paymentMode: 'alipay',
        }
    },
    methods: {
        showDialog(){
            this.isShowRewardDialog = true
        }
    },
    computed: {
        imgUrl(){
            if(this.paymentMode==='alipay'){
                return require('@/assets/alipay.png')
            }else {
                return require('@/assets/wechatpay.png')
            }
        },
    },
    watch: {},
    mounted() {
    }
}
</script>

<style scoped lang="scss">
@import "RewardDialog";
</style>
